// <!-- <img src="./1.bmp" alt="" style='height: 300;' data='./1.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./2.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./3.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./4.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./5.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./6.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./7.bmp'></br>
// <img src="./1.bmp" alt="" style='height: 300;' data='./8.bmp'>
// <script>

    

//     // console.log(document.documentElement.scrollTop);
//     // console.log(window.innerHeight);
//     // console.log(document.documentElement.clientWidth);
//     // var imgs = document.querySelectorAll('img')
//     // function laz() {
//     //     var temp1 = document.documentElement.clientWidth || document.body.clientWidth
//     //     var temp2 = document.documentElement.scrollTop || document.body.scrollTop
//     //     var maxS = temp1 + temp2
//     //     imgs.forEach(function (t) {
//     //         if (t.offsetTop < maxS) {
//     //             t.src = t.getAttribute('data')
//     //         }
//     //     })
//     // }
//     // window.onscroll = laz
//     // window.onload = function(){
//     //     laz()
//     // }
//     // console.log(document.documentElement.clientWidth);
//     // console.log(document.body.scrollTop);
// </script> -->

function tema3(){
    var imgs = document.querySelectorAll('img')

var tema1 = window.innerHeight || document.documentElement.clientHeight
var tema2 = document.body.scrollTop || document.documentElement.scrollTop
var mlxg = tema1 + tema2
imgs.forEach(function(t){
    if(t.offsetTop < mlxg){
        t.src = t.getAttribute('data')
    }
})
}
tema3()
window.onscroll = tema3